<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>form</title>
    <link rel="stylesheet" href="bootstrap3.3.7/css/bootstrap.min.css">
    <script src="bootstrap3.3.7/js/jquery-3.2.1.min.js"></script>
    <script src="bootstrap3.3.7/js/bootstrap.js"></script>
    <link rel="stylesheet" href="css/detail.css">
</head>

<style>
    .container-small {
        max-width: 500px;
    }
</style>
<body>

<form class="container container-small">
    <h1>注册</h1>
    <div class="form-inline form-group">
        <div class="form-group  has-error ">
            <label class="control-label">姓名</label>
            <input type="text" class="form-control">
        </div>
        <div class="form-group  ">
            <label>密码</label>
            <input type="text" class="form-control">
        </div>
    </div>
    <div class="form-group  ">
        <label>充值金额</label>
     <div class="input-group">
         <div class="input-group-addon">￥</div>
         <input type="number" class="form-control">
     </div>
    </div>
    <div class="form-group  ">
        <label>密码</label>
        <select class="form-control">
            <option value="1">1 </option>
            <option value="1">2 </option>
            <option value="1">3 </option>

        </select>
    </div>
    <div class="form-group">
        <div class="row">

            <div class="col-md-4"><input type="text" class="form-control" placeholder="XXXX"></div>
            <div class="col-md-4"><input type="text" class="form-control"></div>
            <div class="col-md-4"><input type="text" class="form-control"></div>
        </div>
    </div>
</form>
</body>
</html>